﻿@{
    ViewBag.Title = "Index";
}



@*<div id="content">
    <div class="header">
        <ul>
            <li><a href="#">Ticket search</a></li>
            <li><a href="#">Vietnam Airlines</a></li>
            <li><a href="#">Jetstar Pacific</a></li>
            <li><a href="#">Air Mekong</a></li>
            <li><a href="#">About us</a></li>
        </ul>
    </div>
    <div class="body">
        <form action="#" method="post">
            <fieldset>
                <legend>Tìm vé tại đây</legend>
                <div class="fields-options">
                    <div class="field-radio">
                        <input type="radio" name="option" />
                        <label>Một chiều</label>
                    </div>
                    <div class="field-radio">
                        <input type="radio" name="option" />
                        <label>Khứ hồi</label>
                    </div>
                    <div class="field-radio">
                        <input type="radio" name="option" />
                        <label>Nhiều chặng</label>
                    </div>
                </div>
                <div class="fields-input">
                    <div class="location-source">
                        <label class="hidden">Điểm đi</label>
                        <div class="input">
                            <input type="text" id="source" onclick="showDialog('location-source')" value="Chọn điểm đi" />
                            @*<span class="location">select origin</span>*@
                        </div>
                        <div class="dialog-location" id="location-source">
                            <div class="dialog-header">
                                <strong>Chọn điểm đi</strong>
                                <a onclick="hideDialog('location-source')" class="close">Đóng</a>
                            </div>
                            <div class="dialog-list" id="dialog-list-source">
                                <ul class="col">
                                    <li class="country">Vietnam</li>
                                    <li>
                                        <a href="#" data-city-code="DAD">Đà Nẵng</a>
                                    </li>
                                    <li>
                                        <a href="#">Hà Nội</a>
                                    </li>
                                    <li>
                                        <a href="#">Hải Phòng</a>
                                    </li>
                                    <li>
                                        <a href="#">Nha Trang</a>
                                    </li>
                                    <li>
                                        <a href="#">Tp. Hồ Chí Minh</a>
                                    </li>
                                    <li>
                                        <a href="#">Đà Nẵng</a>
                                    </li>
                                </ul>
                                <ul class="col">
                                    <li class="country">Australia</li>
                                    <li>
                                        <a href="#">Mackay</a>
                                    </li>
                                    <li>
                                        <a href="#">Hà Nội</a>
                                    </li>
                                    <li>
                                        <a href="#">Hải Phòng</a>
                                    </li>
                                    <li>
                                        <a href="#">Nha Trang</a>
                                    </li>
                                    <li>
                                        <a href="#">Tp. Hồ Chí Minh</a>
                                    </li>
                                    <li>
                                        <a href="#">Đà Nẵng</a>
                                    </li>
                                </ul>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="location-destination">
                        <label class="hidden">Điểm đến</label>
                        <div class="input">
                            <input type="text" id="destination" value="Chọn điểm đến" onclick="showDialog('location-destination')" />
                        </div>
                        <div class="dialog-location" id="location-destination">
                            <div class="dialog-header">
                                <strong>Chọn điểm đến</strong>
                                <a onclick="hideDialog('location-destination')" class="close">Đóng</a>
                            </div>
                            <div class="dialog-list" id="dialog-list-destination">
                                <ul class="col">
                                    <li class="country">Vietnam</li>
                                    <li>
                                        <a href="#">Đà Nẵng</a>
                                    </li>
                                    <li>
                                        <a href="#">Hà Nội</a>
                                    </li>
                                    <li>
                                        <a href="#">Hải Phòng</a>
                                    </li>
                                    <li>
                                        <a href="#">Nha Trang</a>
                                    </li>
                                    <li>
                                        <a href="#">Tp. Hồ Chí Minh</a>
                                    </li>
                                    <li>
                                        <a href="#">Đà Nẵng</a>
                                    </li>
                                </ul>
                                <ul class="col">
                                    <li class="country">Australia</li>
                                    <li>
                                        <a href="#">Mackay</a>
                                    </li>
                                    <li>
                                        <a href="#">Hà Nội</a>
                                    </li>
                                    <li>
                                        <a href="#">Hải Phòng</a>
                                    </li>
                                    <li>
                                        <a href="#">Nha Trang</a>
                                    </li>
                                    <li>
                                        <a href="#">Tp. Hồ Chí Minh</a>
                                    </li>
                                    <li>
                                        <a href="#">Đà Nẵng</a>
                                    </li>
                                </ul>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="start-date">
                        <label class="hidden">Ngày đi</label>
                        <div class="input">
                            <input type="text" value="Chọn ngày đi" id="date-start" />
                        </div>
                    </div>
                </div>
                <input type="submit" value="Tìm chuyến bay" />
            </fieldset>
        </form>
    </div>
    <div class="footer">
    </div>
</div>
